﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  
   <link href="<%=Url.Content("~/Content/css/style.css") %>" rel="stylesheet"
        type="text/css" />
   <link href="<%=Url.Content("~/Content/css/mod-listing.css") %>" rel="stylesheet"
        type="text/css" />   
   <link href="<%=Url.Content("~/Scripts/jquery.validation/validationEngine.jquery.css")%>" rel="stylesheet" type="text/css" />
    <link href="<%=Url.Content("~/Scripts/chosen/chosen.css")%>" rel="stylesheet" type="text/css" />
      
  <script src="<%=Url.Content("~/Scripts/jquery-1.7.2.js")%>" type="text/javascript"></script>
  
  
     <script src="<%=Url.Content("~/Scripts/jquery.validation/jquery.validationEngine-en.js")%>"
        type="text/javascript"></script>

    <script src="<%=Url.Content("~/Scripts/jquery.validation/jquery.validationEngine.js")%>" type="text/javascript"></script>

    <script src="<%=Url.Content("~/Scripts/chosen/chosen.jquery.min.js")%>" type="text/javascript"></script>
     <script type="text/javascript">
       $(document).ready(function() {
           jQuery("#formID").validationEngine({
               prettySelect: true,
               useSuffix: "_chzn",
               promptPosition: "topLeft"
           });

           $(".chzn-nosearch").chosen({ disable_search_threshold: 3, allow_single_deselect: true });
           //End Data
           $(".chosen-select").chosen({
               allow_single_deselect: true
           });
             
       });
   </script>
   <style type="text/css">
       table caption,table th {
            font: bold 13px Arial;
            text-align: left;
             padding-bottom:8px;
        }
        table td
        {
            padding-bottom:8px;
        }
   </style>
</head>
<body>
    <form id="formID">
         <table border="0" width="380px" cellpadding="0" cellspacing="0" >
         <caption> Quick Project Posting</caption>
            <tr>
                <th>  Type</th>
                <td>
                <select class="chzn-nosearch " name="sizeunit" style="min-width:18px;width:88px;">             <option>Sale</option>
                     <option>Rent</option>
                    </select></td>
            </tr>
             <tr>
                <th>Floor Area</th>
                <th><input type="text" name="size" style="width: 138px;"/>
                    
                </th>
                <td>
                   <select class="chzn-nosearch " name="sizeunit" style="min-width:18px;width:68px;">
                    <option>SQM</option>
                     <option>SQFT</option>
                    </select>
                 </td>
            </tr>
             <tr>
                <th>Land Area</th>
                <th><input type="text" name="size" style="width: 138px;" class="validate[required,custom[number]]" />
                    
                </th>
                <td>
                   <select class="chzn-nosearch " name="sizeunit" style="min-width:18px;width:68px;">
                    <option>SQM</option>
                     <option>SQFT</option>
                    </select>
                 </td>
            </tr>
            <tr>
                <th>Price</th>
                <td>
                <input type="text" name="price" style="width: 138px;" class="validate[required,custom[number]]" /></td>
                <td>
                    <select class="chzn-nosearch " name="priceunit" style="min-width:18px;width:68px" >
                    <option>RMB</option>
                    <option>USD</option>
                    </select>
                </td>
                
            </tr>
            <tr>
                <th>Bathroom</th>
                <td>
                 <input type="text" name="bathroom" style="width: 138px;" class="validate[required,custom[number]]"  />
                </td>
            </tr>
             <tr>
                <th>Bedroom</th>
                <td>
                 <input type="text" name="bedroom" style="width: 138px;" class="validate[required,custom[number]]" />
                </td>
            </tr>
            <tr>
                <th></th>
                <td>
                 <input type="submit" value="Save" class="buttons" style="margin-right:0;float:none" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
